.box {
  height: 100%;
  background: #001529;
  position: relative;
}

.box .top {
  height: 33.3%;
  display: flex;
  justify-content: space-between;
}

.box .top div {
  width: 400px;
}

.box .mid {
  height: 33.3%;
  display: flex;
  justify-content: space-between;
}

.box .mid div {
  width: 400px;
}

.box .fot {
  height: 33.3%;
  display: flex;
  justify-content: space-between;
}

.box .fot div {
  width: 400px;
}
.map_box{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 600px;
  height: 600px;
  background: #001529;
  transform: translate(-50%,-50%);
}